/* CSS Document */

* {margin: 0px; padding: 0px}
div.main-wrapper { font-family:Verdana, Geneva, sans-serif; }

/* admin login */
div.login-wrapper {display:block; width: 500px; border:1px solid #ccc; min-height: 250px; margin: 0px auto; border-radius: 8px; overflow:hidden}

div.login-header {padding-left: 15px; height: 40px; background:#666;  line-height: 40px; font-weight: bold; color:#CCC}
div.login-content-wrapper  { }
div.login-content  {  margin: 10px auto; width: 470px; font-size: 14px; }
div.login-content > input {font-size: 11px; height: 30px; padding-left: 5px; line-height: 30px; border-radius: 2px; border:1px solid #B7B7B7}
div.login-content  > p.field {font-weight: bold}
div.login-content  > p.spacer {display:block; height: 10px;}

div.login-content  input[type=text] {  width: 70%}
div.login-content  input[type=password] { width: 50%}

div.login-content  > .login-button {cursor:pointer; border:1px solid #ccc; 
color:#fff; border-radius: 4px; margin-top: 10px; width: 80px; 
height: 30px; line-height: 30px; background: #01215c; 
padding-left: 10px; letter-spacing: 1px; font-weight: bold}
div.login-content  > .login-button:hover {background: #104dbf}


/* admin content page */
 /* admin header */
div.admin-header {background: #000; height: 50px; clear:both; display:block}
  div.logo-wrapper {margin-left: 15px; margin-top: 10px; border:1px solid red; width: 400px; float:left; height: 30px; background: gray  }
  div.logged-wrapper {margin-right: 15px; width: 360px; float:right; margin-top: 10px;}
  div.logged-wrapper ul {text-align: right; list-style:none; font-size: 12px}
  div.logged-wrapper li {display:inline; line-height: 30px; color:#FFF; font-size: 12px}

  div.logged-wrapper a, div.logged-wrapper a:link, div.logged-wrapper a:visited  {text-decoration: none; padding: 0px 5px; color:#9a9a9b}
/* admin content */
div.admin-content > div {float:left; min-height: 600px; font-size: 12px }
div.admin-menu-section {width: 260px; background: #f8f8f8}
div.admin-menu-section-wrapper { border-radius: 5px; width: 230px; overflow:hidden; margin: 10px auto; background: #fff}
  div.menu-grouper-top {background: url(../../images/admin/design/menu/menu-logo-admin.png) #f8f8f8 no-repeat; height: 25px; }
  div.menu-grouper > div.menu-title { clear:both; display:block; border:1px solid #d0d0d0; padding-left: 10px; line-height: 35px; height: 35px; background:#e1dddd}
  div.menu-grouper > div.first-menu-title { border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-right-left-radius: 5px; -moz-border-radius-topright: 5px;}
  div.menu-grouper  div.menu-title-arrow {float:left; margin-top: 12px; height: 10px; width: 16px; background:url(../../images/admin/design/menu/menu-arrow.png) no-repeat}
  div.menu-grouper div.menu-title-content {float:left}
  div.menu-grouper div.menu-title-below {float:right; cursor:pointer;  border-left: 1px solid #CCC; width:25px; height:35px; background:url(../../images/admin/design/menu/menu-arrow-down.png) center center no-repeat;}
  div.menu-grouper > div.menu-content {border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; min-height: 20px;  font-size: 11px}
  div.menu-grouper > div.menu-content > a { color:gray; text-decoration:none;  margin-bottom: 2px; display:block; background: #fff; padding: 2px 0px 2px 12px; }
  div.menu-grouper > div.menu-content > a:hover {color: #5290ee}
  div.menu-grouper > div.menu-content > a.last-menu {margin: 0px; padding-bottom: 4px}
div.admin-content-section-wrapper {margin: 10px auto; background: #eee}


